
<div nz-row [nzGutter]="24" style="background: #ffffff;margin: 0 20px 20px;padding: 0 20px;">
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="12">
    <div class="content" style="margin: 16px;">
      <div class="avatar">
        <nz-avatar [nzSrc]="setting.user.avatar"></nz-avatar>
      </div>
      <div class="desc">
        <div class="desc-title">早安，{{setting.user.username}}！</div>
        <div>什么是专业，不断持续稳定的输出就是专业</div>
      </div>
    </div>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="12">
    <div class="page-extra">
      <!-- <div [class]="onSw==1? 'selected' : ''" (click)="selectHero(1)"> -->
      <div [class]="onSw==1? 'selected' : ''">
        <p>已认领订单</p>
        <p *ngIf="workbench.fxjOut11==null || workbench.fxjOut11 ==0">0</p>
        <p *ngIf="workbench.fxjOut11!=0">{{workbench.fxjOut11}}</p>
      </div>
      <div [class]="onSw==2? 'selected' : ''">
        <p>待审批</p>
        <p *ngIf="!workbench.fxjOut12 && !workbench.fxjOut13">0</p>
        <p *ngIf="workbench.fxjOut12 && workbench.fxjOut13">{{workbench.fxjOut12}}<span>/{{workbench.fxjOut13}}</span></p>
      </div>
      <div [class]="onSw==3? 'selected' : ''">
        <p>待面签</p>
        <p *ngIf="workbench.fxjOut14==null || workbench.fxjOut14 ==0">0</p>
        <p *ngIf="workbench.fxjOut14!=0">{{workbench.fxjOut14}}</p> 
      </div>
      <div [class]="onSw==4? 'selected' : ''">
        <p>历史审批</p>
        <p *ngIf="workbench.fxjOut15==null || workbench.fxjOut15==0">0</p>
        <p *ngIf="workbench.fxjOut15!=0">{{workbench.fxjOut15}}</p>
      </div>
    </div>
  </div> 
</div>

<div nz-row [nzGutter]="24" class="nav">
  <div [class]="onSw==5? 'selected' : ''">
    <p>今日提交订单</p>
    <p *ngIf="workbench.fxjOut16==null || workbench.fxjOut16==0" style="font-size: 30px;">0</p>
    <p *ngIf="workbench.fxjOut16 !=0" style="font-size: 30px;">{{workbench.fxjOut16}}</p>
  </div>
  <div [class]="onSw==6? 'selected' : ''">
    <p>今日退回订单</p>
    <p *ngIf="workbench.fxjOut17==null || workbench.fxjOut17==0" style="font-size: 30px;">0</p>
    <p *ngIf="workbench.fxjOut17!=0" style="font-size: 30px;">{{workbench.fxjOut17}}</p>
  </div>
  <div [class]="onSw==7? 'selected' : ''">
    <p>今日拒绝订单</p>
    <p *ngIf="workbench.fxjOut18==null || workbench.fxjOut18==0" style="font-size: 30px;">0</p>
    <p *ngIf="workbench.fxjOut18!=0" style="font-size: 30px;">{{workbench.fxjOut18}}</p>
  </div>
  <div [class]="onSw==8? 'selected' : ''">
    <p>今日通过订单</p>
    <p *ngIf="workbench.fxjOut19==null || workbench.fxjOut19==0" style="font-size: 30px;">0</p>
    <p *ngIf="workbench.fxjOut19!=0" style="font-size: 30px;">{{workbench.fxjOut19}}</p>
  </div>
  <div [class]="onSw==9? 'selected' : ''">
    <p>今日面签订单</p>
    <p *ngIf="workbench.fxjOut20==null || workbench.fxjOut20==0" style="font-size: 30px;">0</p>
    <p *ngIf="workbench.fxjOut20!=0" style="font-size: 30px;">{{workbench.fxjOut20}}</p>
  </div>
</div>

<div nz-row [nzGutter]="24">
  <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24">
    <simple-table #st
      [columns]="columns"
      [data]="url"
      [ps]="ps"
      [extraParams]="q"
      [resReName]="{ total:'total',list:'data'}"
      [reqReName]="{pi:'pageNumber', ps:'pageSize'}"
      toTopInChange
      [showTotal]="true"
      [showPagination]="true"
      [showSizeChanger]="true"
      [scroll]="{x:'1300px'}"
    >
    </simple-table>
  </div>
</div>